<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="./iconfont-lu/iconfont.css" />
    <link rel="stylesheet" href="./css/moser.css" />
    <title>莫塞尔</title>
  </head>
  <body>
    <!-- header -->
    <div class="header" id="top">
      <div class="header-box">
        <div class="header-box-left">
          <img
            src="https://res.vmallres.com/portal/1.11.6.300/h5/images/logo_app.png"
            alt=""
          />
          <a href="#">品牌介绍</a>
          <a href="#">物流公告</a>
          <a href="#">往期中奖名单公示</a>
        </div>
        <div class="header-box-right">
          <span class="iconfont icon-search"></span>
          <span class="iconfont icon-shopping-car"></span>
          <span class="iconfont icon-user"></span>
        </div>
      </div>
    </div>
    <!-- banner -->
    <!-- <div class="banner">
      <div class="banner-box">
        <div class="img-bar">
          <span></span>
          <span></span>
          <span></span>
          <span></span>
        </div>
      </div>
    </div> -->
    <!-- banner2 -->
    <!-- <div class="banner">
      <div class="banner-box">
        <div class="image img1">
        </div>
        <div class="image img2">
        </div>
        <div class="img-bar">
          <span></span>
          <span></span>
          <span></span>
          <span></span>
        </div>
      </div>
    </div> -->
        <!-- banner3 -->
        <div class="banner">
          <div class="banner-box">
            <div class="image-strip">
              <div class="image img1"></div>
              <div class="image img2"></div>
              <div class="image img3"></div>
              <div class="image img4"></div>
              <div class="image img5"></div>
            </div>
            </div>
            <div class="img-bar">
              <span></span>
              <span></span>
              <span></span>
              <span></span>
            </div>
          </div>
        </div>
    <!-- 店长推荐 -->
    <div class="recommended">
      <div class="recommended-box">
        <h4>店长推荐</h4>
        <div class="product-box">
          <div class="card1">
            <img
              src="https://res.vmallres.com/pimages/FssCdnProxy/vmall_bop_server/BopMaterialCenter/428_428_9B48A2F583FB6685B0D305032D1BE87C.png"
              alt=""
            />
            <h5>五粮液52度普五第八代 500ml*6</h5>
            <p>限时直降200元</p>
            <span class="price">￥7134</span>
          </div>
          <div class="card1">
            <img
              src="https://res.vmallres.com/pimages/uomcdn/CN/pms/202109/gbom/7239010163/428_428_4AAC4AEEB81253CAED4C7B2ACB66C056mp.png"
              alt=""
            />
            <h5>智利火山珍藏混酿红葡萄酒</h5>
            <p>领券立减</p>
            <span class="price">￥168</span>
          </div>
          <div class="card1">
            <img
              src="https://res.vmallres.com/pimages/uomcdn/CN/pms/202205/sbom/3102150242301/428_428_CD227E08341CB8F99354212E10BF7C5Cmp.png"
              alt=""
            />
            <h5>法国嘉宝酒庄红葡萄酒</h5>
            <p>领券立减</p>
            <span class="price">￥138</span>
          </div>
          <div class="card1">
            <img
              src="https://res.vmallres.com/pimages/uomcdn/CN/pms/202108/gbom/4791075006122/428_428_FD1DA3B717B10B9BED0757250A76EBD0mp.png"
              alt=""
            />
            <h5>斯里兰卡锡尔德绿茶</h5>
            <p>百年茶庄</p>
            <span class="price">￥99</span>
          </div>
          <div class="card1">
            <img
              src="https://res.vmallres.com/pimages/uomcdn/CN/pms/202202/gbom/6971404611397/428_428_08D34B7E464CFAC35406E65CF74B0699mp.png"
              alt=""
            />
            <h5>新西兰蔓尔斯多花蜂蜜礼盒</h5>
            <p>领券立减</p>
            <span class="price">￥199</span>
          </div>
        </div>
      </div>
    </div>
    <!-- 优惠券 -->
    <div class="coupon">
      <div class="coupon-box">
        <h4>新人专享券</h4>
        <div class="coupon-area">
          <div class="coupon-card1">
            <span>￥</span>
            <span>85</span>
            <span>满599可用</span>
          </div>
          <div class="coupon-card1">
            <span>￥</span>
            <span>60</span>
            <span>满399可用</span>
          </div>
          <div class="coupon-card1">
            <span>￥</span>
            <span>30</span>
            <span>满199可用</span>
          </div>
          <div class="coupon-card1">
            <span>￥</span>
            <span>15</span>
            <span>满99可用</span>
          </div>
          <div class="coupon-card1">
            <span>￥</span>
            <span>10</span>
            <span>无门槛</span>
          </div>
          <div class="coupon-card2">一键领取</div>
        </div>
      </div>
    </div>
    <!-- 热销推荐 -->
    <div class="hot-recommended">
      <div class="hot-recommended-box">
        <h4>热销推荐</h4>
        <div class="product-box">
          <div class="card2">
            <div class="card2-left">
              <img
                src="https://res5.vmallres.com/pimages/uomcdn/CN/pms/202109/gbom/7239010163/428_428_4AAC4AEEB81253CAED4C7B2ACB66C056mp.png"
                alt=""
              />
              <span>领券立减</span>
            </div>
            <div class="card2-right">
              <div class="card2-right-up">
                <h5>智利火山珍藏混酿红葡萄酒十周年版</h5>
                <p>火山小红瓶 经典混酿口感柔和</p>
              </div>
              <div class="card2-right-down">
                <span class="price">￥168</span>
                <button><a href="#"> 立即购买 </a></button>
              </div>
            </div>
          </div>
          <div class="card2">
            <div class="card2-left">
              <img
                src="https://res1.vmallres.com/pimages/uomcdn/CN/pms/202205/sbom/3102150242301/428_428_CD227E08341CB8F99354212E10BF7C5Cmp.png"
                alt=""
              />
              <span>领券立减</span>
            </div>
            <div class="card2-right">
              <div class="card2-right-up">
                <h5>法国嘉宝酒庄红葡萄酒</h5>
                <p>
                  六百多年的传承，口味醇和。富含维E，高油酸（葵花籽油保质期至2023年4月，因批次不一，具体以实物为准。）
                </p>
              </div>
              <div class="card2-right-down">
                <span class="price">￥138</span>
                <button><a href="#"> 立即购买 </a></button>
              </div>
            </div>
          </div>
          <div class="card2">
            <div class="card2-left">
              <img
                src="https://res7.vmallres.com/pimages/uomcdn/CN/pms/202109/gbom/9416050530915/428_428_59D51ECFFF85AE5ED9A057A83E73D7C1mp.png"
                alt=""
              />
              <!-- <span>领券立减</span> -->
            </div>
            <div class="card2-right">
              <div class="card2-right-up">
                <h5>新西兰蔓尔斯麦卢卡蜂蜜</h5>
                <p>
                  新西兰天然蜂蜜，富含独麦素10+，纯净天然无添加，口感柔和，甜而不腻
                </p>
              </div>
              <div class="card2-right-down">
                <span class="price">￥168</span>
                <button><a href="#"> 立即购买 </a></button>
              </div>
            </div>
          </div>
          <div class="card2">
            <div class="card2-left">
              <img
                src="https://res8.vmallres.com/pimages/uomcdn/CN/pms/202205/gbom/6901382097777/428_428_362D669C5978DA2ED9331D9CA3EEF3A2mp.png "
                alt=""
              />
              <span>限时直降200元</span>
            </div>
            <div class="card2-right">
              <div class="card2-right-up">
                <h5>五粮液52度普五第八代</h5>
                <p>六百年传承，香气悠久，味醇厚，入口甘美，入喉纯净</p>
                <div class="discount-info">
                  <span>限时优惠</span><span>分期免息</span>
                </div>
              </div>
              <div class="card2-right-down">
                <span class="price">￥1199</span>
                <button><a href="#"> 立即购买 </a></button>
              </div>
            </div>
          </div>
          <div class="card2">
            <div class="card2-left">
              <img
                src="https://res2.vmallres.com/pimages/uomcdn/CN/pms/202111/sbom/3805010000602/428_428_20C596121CB673A2C76EED794B97B308mp.jpg"
                alt=""
              />
              <!-- <span>领券立减</span> -->
            </div>
            <div class="card2-right">
              <div class="card2-right-up">
                <h5>斯里兰卡锡尔德绿茶</h5>
                <p>
                  斯里兰卡百年茶庄，生态环境得天独厚，原装进口锡兰绿茶（生产日期2021年3月，因批次不一，具体以实物为准。）
                </p>
              </div>
              <div class="card2-right-down">
                <span class="price">￥198</span>
                <button><a href="#"> 立即购买 </a></button>
              </div>
            </div>
          </div>
          <div class="card2">
            <div class="card2-left">
              <img
                src="https://res4.vmallres.com/pimages/product/7798078000185/428_428_64F1B0A8B45593696A08C111B8C17DF9AE337B6E0EF2BB17mp.png"
                alt=""
              />
              <span>领券立减</span>
            </div>
            <div class="card2-right">
              <div class="card2-right-up">
                <h5>阿根廷唐克里斯马尔贝克红葡萄酒</h5>
                <p>国际金奖，门多萨产区，阿根廷经典葡萄品种，橡木桶陈酿。</p>
              </div>
              <div class="card2-right-down">
                <span class="price">￥128</span>
                <button><a href="#"> 立即购买 </a></button>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- 礼盒 -->
    <div class="gift-box">
      <div class="gift-box-box">
        <h4>精选礼盒 值得拥有</h4>
        <div class="product-box">
          <div class="card2">
            <div class="card2-left">
              <img
                src="https://res5.vmallres.com/pimages/uomcdn/CN/pms/202112/gbom/TKTNY001/428_428_2634AD67BA03A7F57CF590AA3252D0ABmp.png"
                alt=""
              />
              <span>送礼佳选</span>
            </div>
            <div class="card2-right">
              <div class="card2-right-up">
                <h5>火山特科托尼亚双支葡萄酒礼盒</h5>
                <p>国际高分佳酿，送礼佳选</p>
              </div>
              <div class="card2-right-down">
                <span class="price">￥528</span>
                <button><a href="#"> 立即购买 </a></button>
              </div>
            </div>
          </div>
          <div class="card2">
            <div class="card2-left">
              <img
                src="https://res5.vmallres.com/pimages/FssCdnProxy/vmall_bop_server/BopMaterialCenter/428_428_CC3FEB7ADEBB76195AF9096DFA2C4A15.png"
                alt=""
              />
              <!-- <span>领券立减</span> -->
            </div>
            <div class="card2-right">
              <div class="card2-right-up">
                <h5>食间三味礼盒套装</h5>
                <p>一种礼盒，三种滋味，高端素雅，送礼佳品</p>
              </div>
              <div class="card2-right-down">
                <span class="price">￥388</span>
                <button><a href="#"> 立即购买 </a></button>
              </div>
            </div>
          </div>
          <div class="card2">
            <div class="card2-left">
              <img
                src="https://res7.vmallres.com/pimages/uomcdn/CN/pms/202202/gbom/CMLH001/428_428_ADED7438D32DCDD64B51D5E0EE10AB59mp.png"
                alt=""
              />
              <!-- <span>领券立减</span> -->
            </div>
            <div class="card2-right">
              <div class="card2-right-up">
                <h5>【原装进口】 茶蜜礼盒</h5>
                <p>经典茶蜜搭配，原生态好滋味，松木礼盒设计，送礼佳品</p>
              </div>
              <div class="card2-right-down">
                <span class="price">￥338</span>
                <button><a href="#"> 立即购买 </a></button>
              </div>
            </div>
          </div>
          <div class="card2">
            <div class="card2-left">
              <img
                src="https://res7.vmallres.com/pimages/FssCdnProxy/vmall_bop_server/BopMaterialCenter/428_428_ADF19730BDB8C0E544313954E05709B8.png"
                alt=""
              />
              <!-- <span>领券立减</span> -->
            </div>
            <div class="card2-right">
              <div class="card2-right-up">
                <h5>麦卢卡蜂蜜礼盒</h5>
                <p>
                  新西兰麦卢卡蜂蜜，中国红精致礼盒。（内含蜂蜜5+500g，蜂蜜15+250g，莫塞尔定制原木勺1把）
                </p>
              </div>
              <div class="card2-right-down">
                <span class="price">￥469</span>
                <button><a href="#"> 立即购买 </a></button>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- 产品列表 -->
    <div class="product-list">
      <div class="product-list-box">
        <!-- 产品导航 -->
        <div class="category-nav" id="ts">
          <a href="#wine" class="test">甄选美酒</a>
          <a href="#coffee" class="test">咖啡茗茶</a>
          <a href="#honey" class="test">蜂蜜奶粉代餐</a>
          <a href="#rice" class="test">米油生鲜</a>
          <a href="#goods" class="test">精选好物</a>
        </div>
        <!-- 酒类 -->
        <div class="wine-area" id="wine">
          <h4 >智利火山土壤孕育葡萄酿造</h4>
          <div class="product-box">
            <div class="card2">
              <div class="card2-left">
                <img
                  src="https://res5.vmallres.com/pimages/uomcdn/CN/pms/202205/gbom/7239010173/428_428_4046FEBD8442F412F2AAC5FAD8744051mp.png"
                  alt=""
                />
                <!-- <span>领券立减</span> -->
              </div>
              <div class="card2-right">
                <div class="card2-right-up">
                  <h5>智利火山卡美娜干红</h5>
                  <p>口感柔和</p>
                </div>
                <div class="card2-right-down">
                  <span class="price">￥128</span>
                  <button><a href="#"> 立即购买 </a></button>
                </div>
              </div>
            </div>
            <div class="card2">
              <div class="card2-left">
                <img
                  src="https://res6.vmallres.com/pimages/uomcdn/CN/pms/202111/sbom/3501020005303/428_428_81C785D0595008FF1595B36A910408F1mp.png"
                  alt=""
                />
                <!-- <span>领券立减</span> -->
              </div>
              <div class="card2-right">
                <div class="card2-right-up">
                  <h5>智利火山珍藏混酿红</h5>
                  <p>火山风土</p>
                </div>
                <div class="card2-right-down">
                  <span class="price">￥336</span>
                  <button><a href="#"> 立即购买 </a></button>
                </div>
              </div>
            </div>
            <div class="card2">
              <div class="card2-left">
                <img
                  src="https://res1.vmallres.com/pimages/uomcdn/CN/pms/202112/gbom/7804315009405/428_428_971F2E7D94953A00A18847D8259B3441mp.png"
                  alt=""
                />
                <!-- <span>领券立减</span> -->
              </div>
              <div class="card2-right">
                <div class="card2-right-up">
                  <h5>火山卡美娜干红</h5>
                  <p>纯净风味</p>
                </div>
                <div class="card2-right-down">
                  <span class="price">￥226</span>
                  <button><a href="#"> 立即购买 </a></button>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- 咖啡和茶 -->
        <div class="coffee-area" id="coffee">
          <h3 >咖啡茗茶</h3>
          <div class="product-box">
            <div class="card2">
              <div class="card2-left">
                <img
                  src="https://res6.vmallres.com/pimages/uomcdn/CN/pms/202203/sbom/3805010001902/428_428_0F18B2448992543E713675707D048940mp.png"
                  alt=""
                />
                <!-- <span>领券立减</span> -->
              </div>
              <div class="card2-right">
                <div class="card2-right-up">
                  <h5>牙买加蓝山一号豆</h5>
                  <p>
                    牙买加政府官方认证，克里夫顿庄园蓝山。新鲜烘焙，顺滑平衡，尾韵回甘。
                  </p>
                </div>
                <div class="card2-right-down">
                  <span class="price">￥299</span>
                  <button><a href="#"> 立即购买 </a></button>
                </div>
              </div>
            </div>
            <div class="card2">
              <div class="card2-left">
                <img
                  src="https://res1.vmallres.com/pimages/uomcdn/CN/pms/202111/gbom/6971404610949/428_428_0E38202F260826D92998FBD4B2CED5E5mp.png"
                  alt=""
                />
                <!-- <span>领券立减</span> -->
              </div>
              <div class="card2-right">
                <div class="card2-right-up">
                  <h5>蓝山一号豆挂耳咖啡</h5>
                  <p>
                    牙买加政府官方认证，克里夫顿庄园蓝山。甄选100%牙买加蓝山一号豆，氮气锁鲜，独立包装，源自克里夫顿庄园。
                  </p>
                </div>
                <div class="card2-right-down">
                  <span class="price">￥119</span>
                  <button><a href="#"> 立即购买 </a></button>
                </div>
              </div>
            </div>
            <div class="card2">
              <div class="card2-left">
                <img
                  src="https://res4.vmallres.com/pimages/uomcdn/CN/pms/202111/gbom/6971404610772/428_428_8740368B0B75CC0B49C913DBBF72E164mp.png"
                  alt=""
                />
                <!-- <span>领券立减</span> -->
              </div>
              <div class="card2-right">
                <div class="card2-right-up">
                  <h5>牙买加蓝山一号咖啡豆</h5>
                  <p>
                    牙买加政府官方认证，新鲜烘焙，甄选最高等级蓝山咖啡豆，源自克里夫顿庄园。
                  </p>
                </div>
                <div class="card2-right-down">
                  <span class="price">￥138</span>
                  <button><a href="#"> 立即购买 </a></button>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- 蜂蜜 -->
        <div class="honey-area" id="honey">
          <h3 >蜂蜜奶粉代餐</h3>
          <div class="product-box">
            <div class="card2">
              <div class="card2-left">
                <img
                  src="https://res1.vmallres.com/pimages/uomcdn/CN/pms/202108/gbom/9416050530816/428_428_D55CCDA3C30D7C6BF73033283A3BF8F2mp.png"
                  alt=""
                />
                <!-- <span>领券立减</span> -->
              </div>
              <div class="card2-right">
                <div class="card2-right-up">
                  <h5>新西兰蔓尔斯蜂蜜UMF5+</h5>
                  <p>新西兰天然蜂蜜</p>
                </div>
                <div class="card2-right-down">
                  <span class="price">￥148</span>
                  <button><a href="#"> 立即购买 </a></button>
                </div>
              </div>
            </div>
            <div class="card2">
              <div class="card2-left">
                <img
                  src="https://res7.vmallres.com/pimages/uomcdn/CN/pms/202202/gbom/6971404611397/428_428_08D34B7E464CFAC35406E65CF74B0699mp.png"
                  alt=""
                />
                <span>健康美味</span>
              </div>
              <div class="card2-right">
                <div class="card2-right-up">
                  <h5>新西兰多花蜂蜜礼盒</h5>
                  <p>甜而不腻</p>
                </div>
                <div class="card2-right-down">
                  <span class="price">￥199</span>
                  <button><a href="#"> 立即购买 </a></button>
                </div>
              </div>
            </div>
            <div class="card2">
              <div class="card2-left">
                <img
                  src="https://res2.vmallres.com/pimages/uomcdn/CN/pms/202109/gbom/9416050530915/428_428_59D51ECFFF85AE5ED9A057A83E73D7C1mp.png"
                  alt=""
                />
                <!-- <span>领券立减</span> -->
              </div>
              <div class="card2-right">
                <div class="card2-right-up">
                  <h5>新西兰麦卢卡蜂蜜10+</h5>
                  <p>由原始森林植物花蜜及牧场花蜜混合而成</p>
                </div>
                <div class="card2-right-down">
                  <span class="price">￥168</span>
                  <button><a href="#"> 立即购买 </a></button>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- 大米 -->
        <div class="rice-area" id="rice">
          <h4 >精选米油</h4>
          <div class="product-box">
            <div class="card2">
              <div class="card2-left">
                <img
                  src="https://res1.vmallres.com/pimages/uomcdn/CN/pms/202108/gbom/9416050530816/428_428_D55CCDA3C30D7C6BF73033283A3BF8F2mp.png"
                  alt=""
                />
                <!-- <span>领券立减</span> -->
              </div>
              <div class="card2-right">
                <div class="card2-right-up">
                  <h5>新西兰蔓尔斯蜂蜜UMF5+</h5>
                  <p>新西兰天然蜂蜜</p>
                </div>
                <div class="card2-right-down">
                  <span class="price">￥148</span>
                  <button><a href="#"> 立即购买 </a></button>
                </div>
              </div>
            </div>
            <div class="card2">
              <div class="card2-left">
                <img
                  src="https://res7.vmallres.com/pimages/uomcdn/CN/pms/202202/gbom/6971404611397/428_428_08D34B7E464CFAC35406E65CF74B0699mp.png"
                  alt=""
                />
                <span>健康美味</span>
              </div>
              <div class="card2-right">
                <div class="card2-right-up">
                  <h5>新西兰多花蜂蜜礼盒</h5>
                  <p>甜而不腻</p>
                </div>
                <div class="card2-right-down">
                  <span class="price">￥199</span>
                  <button><a href="#"> 立即购买 </a></button>
                </div>
              </div>
            </div>
            <div class="card2">
              <div class="card2-left">
                <img
                  src="https://res2.vmallres.com/pimages/uomcdn/CN/pms/202109/gbom/9416050530915/428_428_59D51ECFFF85AE5ED9A057A83E73D7C1mp.png"
                  alt=""
                />
                <!-- <span>领券立减</span> -->
              </div>
              <div class="card2-right">
                <div class="card2-right-up">
                  <h5>新西兰麦卢卡蜂蜜10+</h5>
                  <p>由原始森林植物花蜜及牧场花蜜混合而成</p>
                </div>
                <div class="card2-right-down">
                  <span class="price">￥168</span>
                  <button><a href="#"> 立即购买 </a></button>
                </div>
              </div>
            </div>          </div>
        </div>
        <!-- 精选好物 -->
        <div class="goods-area" id="goods">
          <h3 >精选好物</h3>
          <div class="product-box">
            <div class="card2">
              <div class="card2-left">
                <img
                  src="https://res1.vmallres.com/pimages/uomcdn/CN/pms/202108/gbom/9416050530816/428_428_D55CCDA3C30D7C6BF73033283A3BF8F2mp.png"
                  alt=""
                />
                <!-- <span>领券立减</span> -->
              </div>
              <div class="card2-right">
                <div class="card2-right-up">
                  <h5>新西兰蔓尔斯蜂蜜UMF5+</h5>
                  <p>新西兰天然蜂蜜</p>
                </div>
                <div class="card2-right-down">
                  <span class="price">￥148</span>
                  <button><a href="#"> 立即购买 </a></button>
                </div>
              </div>
            </div>
            <div class="card2">
              <div class="card2-left">
                <img
                  src="https://res7.vmallres.com/pimages/uomcdn/CN/pms/202202/gbom/6971404611397/428_428_08D34B7E464CFAC35406E65CF74B0699mp.png"
                  alt=""
                />
                <span>健康美味</span>
              </div>
              <div class="card2-right">
                <div class="card2-right-up">
                  <h5>新西兰多花蜂蜜礼盒</h5>
                  <p>甜而不腻</p>
                </div>
                <div class="card2-right-down">
                  <span class="price">￥199</span>
                  <button><a href="#"> 立即购买 </a></button>
                </div>
              </div>
            </div>
            <div class="card2">
              <div class="card2-left">
                <img
                  src="https://res2.vmallres.com/pimages/uomcdn/CN/pms/202109/gbom/9416050530915/428_428_59D51ECFFF85AE5ED9A057A83E73D7C1mp.png"
                  alt=""
                />
                <!-- <span>领券立减</span> -->
              </div>
              <div class="card2-right">
                <div class="card2-right-up">
                  <h5>新西兰麦卢卡蜂蜜10+</h5>
                  <p>由原始森林植物花蜜及牧场花蜜混合而成</p>
                </div>
                <div class="card2-right-down">
                  <span class="price">￥168</span>
                  <button><a href="#"> 立即购买 </a></button>
                </div>
              </div>
            </div>          </div>
        </div>
      </div>
    </div>
    <a href="#top" class="back-to-top">
      <span class="iconfont icon-back-to-top"></span>返回顶部</a
    >
  </body>
</html>
